﻿body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td {margin: 0; padding: 0; font: 14px/1.5 Microsoft YaHei, Helvitica, Verdana, Arial, san-serif;}
.activity-scratch-card-winning {
    overflow-x: hidden;
}

.main img {
    max-width: 100%;
    border: 0 none;
}

.scratchcard {
    width:100%; background-color:#8f160b; padding:15px 0px 0px 0px;
}

.cover {
    width: 320px;
    margin: 0 auto;
    position: relative;
}

.cover img {
    width: 100%;
}

#scratchpad, #prize {
    position: absolute;
    width: 150px;
    height: 40px;
    top: 125px;
    left: 100px;
    text-align: center;
    font-size: 20px;
    line-height: 40px;
    color: #333;
}

.scratchcardprize {
    width: 320px;
    margin: 0 auto;
    font-size:16px;
    font-weight:bold;
    margin:auto;
    padding:8px 0px 15px 0px;
    color: #f5b810;
}

.content {
    margin: 0px 0 15px 0;
}

.boxcontent {
    margin: 15px 15px 0;
    border-radius: 5px;
    padding: 2px;
    background-color: #FEF8B2;
    -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.5);
    -o-box-shadow: 0 0 6px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.5);
}

.boxwhite {
    background-color: #ffffff;
}

.box {
    border-radius: 5px;
    font-size: 14px;
    border: 1px dashed rgba(0, 0, 0, 0.3);
}

.box .title-red {
    padding: 0 5px 0px 10px;
    background: url(title-bg-red.png) no-repeat 0 0;
    border-radius: 3px 3px 3px 0;
    color: #ffffff;
    height: 22px;
    margin: -1px;
    -moz-text-shadow:0 1px 0 #8d0001;-webkit-text-shadow:0 1px 0 #8d0001;text-shadow:0 1px 0 #8d0001;
    text-shadow:0px 1px 0 #8d0001;
}

.box .title-orange {
    padding: 0 5px 0px 10px;
    background: url(title-bg-orange.png) no-repeat 0 0;
    border-radius: 3px 3px 3px 0;
    color: #ffffff;
    height: 22px;
    margin: -1px;
    -moz-text-shadow:0 1px 0 #8d0001;-webkit-text-shadow:0 1px 0 #8d0001;text-shadow:0 1px 0 #8d0001;
    text-shadow:0px 1px 0 #8d0001;
}

.box .title-green {
    padding: 0 5px 0px 10px;
    background: url(title-bg-green.png) no-repeat 0 0;
    border-radius: 3px 3px 3px 0;
    color: #ffffff;
    height: 22px;
    margin: -1px;
    -moz-text-shadow:0 1px 0 #8d0001;-webkit-text-shadow:0 1px 0 #8d0001;text-shadow:0 1px 0 #8d0001;
    text-shadow:0px 1px 0 #8d0001;
}

.box .title-brown {
    padding: 0 5px 0px 10px;
    background: url(title-bg-brown.png) no-repeat 0 0;
    border-radius: 3px 3px 3px 0;
    color: #ffffff;
    height: 22px;
    margin: -1px;
    -moz-text-shadow:0 1px 0 #8d0001;-webkit-text-shadow:0 1px 0 #8d0001;text-shadow:0 1px 0 #8d0001;
    text-shadow:0px 1px 0 #8d0001;
}

.box .Detail {
    padding: 15px;
}

.Detail img {
    height: auto;
    max-width: 100%;
    border: 0 none;
}

.duijiang {
    padding-top:10px; border-bottom:0;
}

.duijiang li {
     padding:5px 0;
     line-height:22px;
     border-bottom:1px solid #F1F1F1;
}

.duijiang p {
     font-size:14px;
}

.duijiang p:nth-child(1) {
     padding-left:28px;
     background:url(tph.jpg) no-repeat 12px;
     background-position:5px 5px;
     background-size:10px auto;
}

.duijiang p:nth-child(2) {
     margin-right:12px;
     width:90px;
     text-align:center;
}

.duijiang p:nth-child(2) a {
    display:block;
    background: #F40105;
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#F40105), to(#F10102));
    color:#FFFFFF;
    border-radius:5px;
}

.duijiang p:nth-child(2).okj a {
     display:block;
     background: -webkit-gradient(linear, 0 0, 0 100%, from(#7B7B7B), to(#787878));
     color:#FFFFFF;
     border-radius:5px;
}

.duijiang p:nth-child(2).okja {
     display:block;
     background: -webkit-gradient(linear, 0 0, 0 100%, from(#7B7B7B), to(#787878));
     color:#FFFFFF;
     border-radius:5px;
}


.red {
    color: red;
}

.px {
    margin: 0.5em 0;
    position: relative;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3) inset;
    background-color: #FFFFFF;
    border-radius: 0.6em 0.6em 0.6em 0.6em;
    border: 1px solid rgba(0, 0, 0, 0.3);
    color: #333333;
    text-shadow: 0 1px 0 #FFFFFF;
    display: block;
    width: 90%;
    padding: 6px 10px;
    font-size: 18px;
    margin: 10px 0 0 0;
    font-family: Arial, Helvetica, sans-serif;
    -webkit-appearance: none;
}

.px:hover {
    border: 1px solid #ff6501;
}

.px:focus {
    border: 1px solid #ff6501;
    box-shadow: 0 0 5px #ff6501;
}

.px[type="text"] {
    width: 100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.px[type="password"] {
    width: 100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.pxbtn {
    background: #ff6501;
    background-image: -webkit-gradient(linear, left top, left bottom, from( #ffa201 ), to( #ff6501 )); /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient( #ffa201, #ff6501 ); /* Chrome 10+, Saf5.1+ */
    background-image: -moz-linear-gradient( #ffa201, #ff6501 ); /* FF3.6 */
    background-image: -ms-linear-gradient( #ffa201, #ff6501 ); /* IE10 */
    background-image: -o-linear-gradient( #ffa201, #ff6501 ); /* Opera 11.10+ */
    background-image: linear-gradient( #ffa201, #ff6501 );
    border: 1px solid #ff6501;
    border-bottom: 1px solid #d35605;
    color: #ffffff;
    font-weight: bold;
    text-shadow: 0 1px 0 #FFFFFF;
    border-radius: 0.6em 0.6em 0.6em 0.6em;
    display: block;
    width: 100%;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    text-align: center;
    font-weight: bold;
    text-shadow: 0 0 2px #BE4205;
    font-size: 18px;
    padding: 10px;
    margin: 10px 0 0 0;
}

.pxbtn:visited {
    background-image: -webkit-gradient(linear, left top, left bottom, from( #ffa201 ), to( #ff6501 )); /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient( #ffa201, #ff6501 ); /* Chrome 10+, Saf5.1+ */
    background-image: -moz-linear-gradient( #ffa201, #ff6501 ); /* FF3.6 */
    background-image: -ms-linear-gradient( #ffa201, #ff6501 ); /* IE10 */
    background-image: -o-linear-gradient( #ffa201, #ff6501 ); /* Opera 11.10+ */
    background-image: linear-gradient( #ffa201, #ff6501 );
}

.pxbtn:hover {
    background-image: -webkit-gradient(linear, left top, left bottom, from( #ff7f01 ), to( #ff6501 )); /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient( #ff7f01, #ff6501 ); /* Chrome 10+, Saf5.1+ */
    background-image: -moz-linear-gradient( #ff7f01, #ff6501 ); /* FF3.6 */
    background-image: -ms-linear-gradient( #ff7f01, #ff6501 ); /* IE10 */
    background-image: -o-linear-gradient( #ff7f01, #ff6501 ); /* Opera 11.10+ */
    background-image: linear-gradient( #ff7f01, #ff6501 );
}

.pxbtn:active {
    background-image: -webkit-gradient(linear, left top, left bottom, from( #ff6501 ), to( #ffa201 )); /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient( #ff6501, #ffa201 ); /* Chrome 10+, Saf5.1+ */
    background-image: -moz-linear-gradient( #ff6501, #ffa201 ); /* FF3.6 */
    background-image: -ms-linear-gradient( #ff6501, #ffa201 ); /* IE10 */
    background-image: -o-linear-gradient( #ff6501, #ffa201 ); /* Opera 11.10+ */
    background-image: linear-gradient( #ff6501, #ffa201 );
    border: 1px solid #ff6501;
    border-top: 1px solid #d35605;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3) inset;
}

input::-moz-placeholder, textarea::-moz-placeholder {
    color: #999;
}

.activity_set{
margin-top:10px;
border-top:5px solid #3773e1;
line-height:30px;
}
.activity_set table,.rule_content{
	width:94%;
	margin-left:auto;
	margin-right:auto;
	padding:10px 0px;
}
.activity_set td:nth-child(1){
    background:url(jiangpinbt.png) no-repeat left center; padding-left:20px; background-size:12px 20px;
	font-weight:bold;
	font-size:16px;
}
.activity_set td:nth-child(2){text-align:right;}
.activity_set td:nth-child(2)> div{ width:90%; margin:auto; border:1px solid #999999; border-radius: 5px;-moz-border-radius: 5px}
.activity_set td:nth-child(2) a{display:block;background:url(phone.png) 5px center no-repeat;background-size:15px auto;font-size:14px; padding-left:20px;
}
.prize_item{}
.prize_item .tip{
	width:94%;
	height:34px;
	margin-left:auto;
	margin-right:auto;
}
.prize_item .tip > div:nth-child(1){
	line-height:34px;
	font-size:14px;
	font-weight:bold;
}

.prize_itema{line-height:34px;font-size:14px;font-weight:bold;}
.prize_itema p:nth-child(1){float:left;line-height:34px;}
.prize_itema p:nth-child(2){color:#3d4245;float:right;}
.prize_itema p:nth-child(2) a{ background: url(tptel.png) no-repeat right center; background-size:20px auto;}
.prize_item > div.prize_itema:nth-child(1) p:nth-child(1){color:#e60012}
.prize_item > div.prize_itema:nth-child(3) p:nth-child(1){color:#ea5504}
.prize_item > div.prize_itema:nth-child(5) p:nth-child(1){color:#009944}


.prize_item{width:94%;margin-left:auto;margin-right:auto;}
.prize_item .photo{border:1px solid #9fa0a0; padding:1px; border-bottom:0px;}
.activity_share{
    border-top:1px solid #9fa0a0;
	width:100%;
	margin-left:auto;
	margin-right:auto;
}
.prize_item .photo img{
	width:100%;vertical-align:middle;overflow:hidden;
}

.share{
	width:100%;
}
.share > a{
	border:#3d4245 1px solid;
	display:block;
	text-decoration:none;
	text-align:center;
	margin-left:2.5%;
	margin-right:2.5%;
	margin-top:10px;
	margin-bottom:10px;
	height:28px;
	line-height:28px;
	border-radius:6px;
	cursor:pointer;
}
.prize_list{ width:100%; margin:auto;}


.activity_share{
	margin-top:3px;
}
.activity_share > a{
	height:35px;
	border:#d1d2d6 1px solid;
	line-height:35px;
	margin-right:6px;
	background-color:#f7f7f7;
	font-size:14px;
	display:block;
	text-decoration:none;
}
.activity_share a:nth-child(1),.activity_share a:nth-child(2){
	background-position:21px center;
	background-repeat:no-repeat;
	background-size:auto 50%;
	padding-left:48px;
}
.activity_share a:nth-child(1){
	background-image:url(weixin.png);
}
.activity_share a:nth-child(2){
	background-image:url(weibo.png);
}
.activity_share a:nth-child(3){
	margin-right:0px;
	width:55px;
	text-align:center;
}
/*rule*/
.activiy_rule{
	border-bottom:#c0c3c7 1px solid;
	margin-top:10px;
}
.activiy_rule h2,.activiy_rule h3{
	margin-left:auto;
	margin-right:auto;
	width:94%;
}
.activiy_rule h3{
	color:#86888e;
	font-size:14px;
	margin-bottom:6px;
	line-height:21px;
}
.rule_content{
	line-height:23px;
	margin-top:8px;
}

.baoming{ background:url(baoming.jpg) no-repeat center center; background-size:100% auto; width:94%; margin:5px auto; height:50px; line-height:50px; text-align:center; color:#FFFFFF; font-size:16px; color:#FFFFFF}
.baoming a{ display:block; color:#FFFFFF;}
.baoming span:nth-child(1){ text-decoration:underline;}
.baoming span:nth-child(2){ color:#f6ff00}


.prize_item { width:96%; margin:auto;}
.prize_item > div > p{color:#3d4245;}
.prize_list > div:nth-child(1) > div > p:nth-child(1){color:#e60012}
.prize_list > div:nth-child(2) > div > p:nth-child(1){color:#ea5504}
.prize_list > div:nth-child(3) > div > p:nth-child(1){color:#009944}
.prize_item > div > div { border:1px solid #9fa0a0; border-top:0px;} 
.prize_item > div > div > div:last-child {padding:2%; width:96%;}
.prize_item > div > div > div:last-child img{ width:98%; margin:auto;}
.prize_itema{font-size:14px;height:34px; line-height:34px; border:1px solid #9fa0a0; border-bottom:0px; margin-top:10px;}

.prize_itema p:nth-child(1){ float:left; padding-left:2%;}
.prize_itema p:nth-child(2){ float:right; padding-right:1%;}
.prize_itema p:nth-child(2) a{ background: url(1491_phone.png) no-repeat left 12px;background-size:12px auto; padding-left:17px;line-height:34px; display:block;}
.sharea{width:96%; padding:10px 0px; height:28px; line-height:28px;}
.sharea p{width:50%; text-align:center; float:left; background:none;} 
.sharea p a{width:90%; margin:auto;border:#3d4245 1px solid;display:block;text-decoration:none;text-align:center;height:28px;line-height:28px;border-radius:6px;cursor:pointer;}
/*foot*/
.activity_foot{
	border:#adaeb1 1px solid;
	background-color:#e9e9e9;
	z-index:999;
	position:fixed;
	left:0;
	bottom:0;
	width:100%;
}
.activity_foot li{ float:left; width:25%; display: inline-block;}
.activity_foot a, .activity_foot span{
	display:block;
	text-align:center;
	background-position:center top;
	background-repeat:no-repeat;
	background-size:auto 50%;
	height:20px;
	padding-top:25px;
	margin-top:6px;
	margin-bottom:6px;
	vertical-align:bottom;
	font-size:14px;
    text-decoration:none;
}
.activity_foot li:nth-child(1) a, .activity_foot li:nth-child(1) span{
	background-image:url(book.png);
}
.activity_foot li:nth-child(2) a, .activity_foot li:nth-child(2) span{
	background-image:url(pen.png);
}
.activity_foot li:nth-child(3) a, .activity_foot li:nth-child(3) span{
	background-image:url(manage.png);
}
.activity_foot li:nth-child(4) a, .activity_foot li:nth-child(4) span{
	background-image:url(arc.png);
}
.fixshowed{
	height:65px;
}
.homeflexbox{
	box-flex: 1;
	-webkit-box-flex: 1;
    -moz-box-flex: 1;
	-ms-box-flex: 1;
	-o-box-flex: 1;
}
.popwindow {
    width:100%;
    position:fixed;
    bottom:0px;
	left:0px; right:0px;
}
.popwindow > div{
    width:100%;
    margin-left:auto;
    margin-right:auto;
}
.popwindow > div > div.vpop {
    visibility:hidden;
}
.popwindow > div > div[class^=homeflexbox]{
    position:absolute;
    float:left;
    width:23%;
}
.popwindow > div > div[class^=homeflexbox] > ul {
width:100%;
    margin-left:auto;
    margin-right:auto;
	background-color:#f1f1f1;
	border-radius:6px;
	border:1px solid #adaeb1;
}
.popwindow > div > div[class^=homeflexbox] > p {width:100%; position: relative; text-align:center;bottom:1px; height:10px;background:url(xiala.png) no-repeat center bottom;}
.popwindow > div > div[class^=homeflexbox] li {
    line-height:40px;
    text-align:center;
	background:url(xian1.jpg) no-repeat center bottom; padding-bottom:2px; background-size:95% 2px;
}
.popwindow > div > div[class^=homeflexbox] li:last-child {
    background:none;
}
.popwindow > div > div[class^=homeflexbox] a {
    color:#000;
    text-decoration:none;
    font-size:14px;
}
.popwindow > div > div:nth-child(1){
    left:1%;
}
.popwindow > div > div:nth-child(2){
    left:26%;
}
.popwindow > div > div:nth-child(3){
    left:51%;
}
.popwindow > div > div:nth-child(4){
    left:76%;
}
#lean_overlay {
    position: fixed;
    z-index: 100;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    background: #000;
    display: none;
    opacity: 0.5;
}
#itemtip {
    padding: 10px;
    width:60%;
    display: none;
    background: #FFF;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    box-shadow: 0px 0px 4px rgba(0,0,0,0.7);
    -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.7);
    -moz-box-shadow: 0 0px 4px rgba(0,0,0,0.7);
}
.modal_close {
    position: absolute;
    top: 12px;
    right: 12px;
    display: block;
    width: 14px;
    height: 14px;
    background: url(modal_close.png);
    z-index: 2;
    background-size: contain;
    cursor:pointer;
}
.counter{
	display:inline-block;
	width:100%;
	height:25px;
	line-height:25px;
	position:absolute;
	z-index:10;
	top:80%;
	left:0;
	font-size:25px;
	margin-top:-25px;
	color:#FFF;
	text-align:center;
	font-weight:bolder;
	text-shadow:0 1px 2px #666;
}